<%@page import="com.wanmait.hotelManagement.vo.Passenger"%>
<%@page import="java.util.List"%>
<%@page import="com.wanmait.hotelManagement.vo.HotelHistory"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String path = request.getContextPath(); %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>关于我们</title>
<!-- Stylesheets -->
<link href="<%=path %>/hotel/css/bootstrap.css" rel="stylesheet">
<link href="<%=path %>/hotel/css/style.css" rel="stylesheet">
<!-- Responsive File -->
<link href="<%=path %>/hotel/css/responsive.css" rel="stylesheet">

<link rel="shortcut icon" href="<%=path %>/hotel/images/favicon.png" type="image/x-icon">
<link rel="icon" href="<%=path %>/hotel/images/favicon.png" type="image/x-icon">

<!-- Responsive Settings -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
 <style type="text/css">
  	.cuihao
  	{
  		z-index: 0;
  	
  	}
  	.text
  	{
  		word-wrap: break-word;
  		word-break: normal;
  	}
  	.change
  	{
  		word-wrap: break-word;
  		word-break: normal;
  	}
  
 
  </style>
       
<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"><div class="icon"></div></div>

    <!-- Main Header -->
     <div class="cuihao">
         <jsp:include page="/hotel/include/head.jsp"></jsp:include>
         
         
         </div>
    <!-- End Main Header -->


    <!-- Banner Section -->
    <section class="page-banner">
        <div class="image-layer" style="background-image:url(<%=path%>/hotel/images/background/banner-image-1.jpg);"></div>
        <div class="banner-bottom-pattern"></div>
		
        <div class="banner-inner">
            <div class="auto-container">
                <div class="inner-container clearfix">
                    <h1>关于我们</h1>
                    <div class="page-nav">
                        <ul class="bread-crumb clearfix">
                            <li><a href="<%=path%>/IndexServlet">首页</a></li>
                            <li class="active">关于我们</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Banner Section -->

    <!--Featured Section-->
    <section class="featured-section-four about-page">
        <span class="dotted-pattern dotted-pattern-11"></span>
        <div class="circles-two">
            <div class="c-1"></div>
            <div class="c-2"></div>
        </div>
         <% List<HotelHistory> history=(List<HotelHistory>)request.getAttribute("history");%>
        <div class="auto-container">
            <div class="row clearfix">
                <!--Text Column-->
                <div class="text-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <div class="sec-title">
                            <h2>了解一下 <br><%=history.get(0).getTitle()%></h2>
                        </div>
                        <div class="text"><%=history.get(0).getContent() %></div>
                        <ul class="features">
                               <li><%=history.get(0).getContent() %></li>
                                <li><%=history.get(0).getContent() %></li>
                            </ul>
                        <div class="signature"><img src="hotel/images/<%=history.get(0).getPicture().getImages() %>" alt="" title=""></div>
                    </div>
                </div>
                <!--Image Column-->
                <div class="image-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <span class="dotted-pattern dotted-pattern-10"></span>
                        <div class="image-box clearfix">
                            <figure class="image wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms"><img src="hotel/images/resource/<%=history.get(7).getPicture().getImages() %>" alt="" title=""></figure>
                            <figure class="image wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms"><img src="hotel/images/resource/<%=history.get(8).getPicture().getImages() %>" alt="" title=""></figure>
                            <figure class="image wow fadeInLeft" data-wow-delay="300ms" data-wow-duration="1500ms"><img src="hotel/images/resource/<%=history.get(9).getPicture().getImages() %>" alt="" title=""></figure>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--Facts Section-->
    <section class="facts-section-two alternate">
        <div class="circles">
            <div class="c-1"></div>
            <div class="c-2"></div>
        </div>
        <div class="auto-container">
            <div class="sec-title">
                <h2>了解一下 <br><%=history.get(1).getTitle()%></h2>
                <div class="lower-text"><%=history.get(1).getContent() %></div>
            </div>
            <!--Facts Column-->
            <div class="facts-box">
                <div class="row clearfix">
                <%for(int i=0;i<3;i++){ %>
                    <div class="fact-block col-lg-4 col-md-6 col-sm-12">
                        <div class="fact-inner">
                            <div class="fact-count wow zoomInStable" style="background-image: url(hotel/images/12.jpg) ;background-size: cover;" data-wow-delay="0ms" data-wow-duration="2000ms"><div class="count-box counted"></div></div>
                            <h4 class="change"><%=history.get(i).getContent() %></h4>
                            <div class="text"><%=history.get(i).getContent() %></div>
                        </div>
                    </div>
                     <%} %>
                    
                </div>
            </div>

        </div>
    </section>

    <!--Why Section-->
    <section class="history-section">
        <span class="dotted-pattern dotted-pattern-6"></span>
        <span class="tri-pattern tri-pattern-5"></span>
        <div class="circles">
            <div class="c-1"></div>
            <div class="c-2"></div>
        </div>
        <div class="auto-container">
            <div class="sec-title centered">
               <h2>了解一下<br>我们的历史</h2>
		 <div class="lower-text">历史久远</div>
            </div>
            <div class="h-container">
                <!--Block-->
                <div class="history-block">
                    <div class="row clearfix">
                    <%for(int i=10;i<13;i++) {%>
                        <div class="content-col col-lg-6 col-md-6 col-sm-12">
                            <div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                                <div class="image-box">
                                    <div class="image"><img src="hotel/images/resource/<%=history.get(i).getPicture().getImages() %>" alt=""></div>
                                </div>
                                <div class="lower-box">
                                   <h3><%=history.get(i).getTitle() %></h3>
                                    <div class="text"><%=history.get(i).getContent() %></div>
                                </div>
                            </div>
                        </div>
                        <%} %> 
                        
            </div>
        </div>
    </section>

    <<!--Testimonials Section-->
    <section class="testimonials-section">
        <div class="circles-two">
            <div class="c-1"></div>
            <div class="c-2"></div>
        </div>
        <div class="auto-container">
            <div class="sec-title centered">
                <h2>人们怎么说</h2>
                <div class="lower-text">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</div>
            </div>
<!--写最后的位置的问题时候要进行      用户的留言表的 关联查询   在vo、DAO、servlet进行要进行修改切记！！！！！！！！！！！！！！！！！  对了get（数据的ID）  取六个 -->
			<%
			ArrayList<Passenger> passenger = (ArrayList<Passenger>)request.getAttribute("allPassenger");
			
			%>
            <div class="carousel-box">
                <div class="testimonial-carousel owl-theme owl-carousel">
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=passenger.get(0).getMessage().get(0).getNews()%></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=passenger.get(0).getFaceImage()%>"alt=""></div>
                                <div class="name"><%=passenger.get(0).getUsername()%></div>
                                <div class="designation"></div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=passenger.get(1).getMessage().get(0).getNews()%></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=passenger.get(1).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=passenger.get(1).getUsername()%></div>
                                <div class="designation"></div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=passenger.get(2).getMessage().get(0).getNews()%></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=passenger.get(2).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=passenger.get(2).getUsername()%></div>
                                <div class="designation"></div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=passenger.get(3).getMessage().get(0).getNews()%></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=passenger.get(3).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=passenger.get(3).getUsername()%></div>
                                <div class="designation"></div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=passenger.get(4).getMessage().get(0).getNews()%></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=passenger.get(4).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=passenger.get(4).getUsername()%></div>
                                <div class="designation"></div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=passenger.get(5).getMessage().get(0).getNews()%></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=passenger.get(5).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=passenger.get(5).getUsername()%></div>
                                <div class="designation"></div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=passenger.get(6).getMessage().get(0).getNews()%></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=passenger.get(6).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=passenger.get(6).getUsername()%></div>
                                <div class="designation"></div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=passenger.get(7).getMessage().get(0).getNews()%></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=passenger.get(7).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=passenger.get(7).getUsername()%></div>
                                <div class="designation"></div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=passenger.get(8).getMessage().get(0).getNews()%></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=passenger.get(8).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=passenger.get(8).getUsername()%></div>
                                <div class="designation"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- Main Footer -->
    <footer class="main-footer">
        <div class="top-pattern-layer-dark"></div>
        
        <!--Widgets Section-->
        <div class="widgets-section">
            <div class="auto-container">
                <div class="row clearfix">
                    
                    <!--Column-->
                    <div class="column col-xl-3 col-lg-12 col-md-12 col-sm-12">
                        <div class="footer-widget about-widget">
                            <div class="logo">
                                <a href="#"><img src="images/footer-logo.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                    
                    <!--Column-->
                    <div class="column col-xl-5 col-lg-8 col-md-12 col-sm-12">
                        <div class="footer-widget links-widget">
                            <div class="widget-content">
                                <div class="row clearfix">
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="widget-title">
                                            <h4>Services</h4>
                                        </div>
                                        <ul class="links">
                                            <li><a href="index.html">Home</a></li>
                                            <li><a href="rooms-grid.html">Our Rooms</a></li>
                                            <li><a href="restaurant.html">Restaurant</a></li>
                                            <li><a href="about.html">About Hotera</a></li>
                                            <li><a href="contact.html">Contact</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="widget-title">
                                            <h4>Contact</h4>
                                        </div>
                                        <ul class="info">
                                            <li class="address">Flat 20, Reynolds Neck, North Helenaville, FV77 8WS</li>
                                            <li class="phone"><a href="tel:+2(305)587-3407">+2(305) 587-3407</a></li>
                                            <li class="email"><a href="mailto:info@hotera.com">info@hotera.com</a></li>
                                            <li class="social-links">
                                                <a href="#"><span class="fab fa-facebook-f"></span></a>
                                                <a href="#"><span class="fab fa-twitter"></span></a>
                                                <a href="#"><span class="fab fa-vimeo-v"></span></a>
                                            </li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Column-->
                    <div class="column col-xl-4 col-lg-4 col-md-12 col-sm-12">
                        <div class="footer-widget newsletter-widget">
                            <div class="widget-title">
                                <h4>Newsletter</h4>
                            </div>
                            <div class="text">Eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
                            <!--Newsletter-->
                            <div class="newsletter-form">
                                <form method="post" action="contact.html">
                                    <div class="form-group clearfix">
                                        <input type="email" name="email" value="" placeholder="Email" required>
                                        <button type="submit" class="theme-btn btn-style-one"><span class="btn-title">Send Now</span></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        
        <!-- Footer Bottom -->
        <div class="footer-bottom">
            <div class="auto-container">
                <div class="inner clearfix">
                    <div class="copyright">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
                    <div class="bottom-links">
                        <a href="#">Terms of Service</a> &ensp;|&ensp; <a href="#">Privacy Policy</a>
                    </div>
                </div>
            </div>
        </div>
        
    </footer>

</div>
<!--End pagewrapper--><!--Scroll to top--><div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-up-arrow"></span></div>

<script src="<%=path %>/hotel/js/jquery.js"></script>
<script src="<%=path %>/hotel/js/popper.min.js"></script>
<script src="<%=path %>/hotel/js/bootstrap.min.js"></script>
<script src="<%=path %>/hotel/js/jquery-ui.js"></script>
<script src="<%=path %>/hotel/js/jquery.fancybox.js"></script>
<script src="<%=path %>/hotel/js/owl.js"></script>
<script src="<%=path %>/hotel/js/scrollbar.js"></script>
<script src="<%=path %>/hotel/js/appear.js"></script>
<script src="<%=path %>/hotel/js/wow.js"></script>
<script src="<%=path %>/hotel/js/custom-script.js"></script>

</body>
</html>